<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="./css/menu.css">
<script src="js/jquery.js"></script>


<script>
function PopupCenter(pageURL, title,w,h) {
var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
var targetWin = window.open (pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
} 
</script>

<link href="images_files/reset000.css" type="text/css" rel="stylesheet" />
<style type="text/css">
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body {font-family:Arial, Helvetica, sans-serif;}

#navigation {width:70px;position:relative; z-index:100;margin-top:50px; border-right:1px solid #999; padding:10px 0px; float:left;}
/* hack to correct IE5.5 faulty box model */
* html #navigation {width:70px; w\idth:70px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation li {width:70px;position:relative;}
/* style the links for the top level */
#navigation a, #navigation a:visited {display:block; height:47px; background:url(images_files/navigati_2.png) top left; text-indent:-9000px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #navigation a, * html #navigation a:visited {width:70px; w\idth:70px;}

/* style the second level background */
#navigation ul ul a.drop, #navigation ul ul a.drop:visited {background:#2d3d47}
/* style the second level hover */
#navigation ul ul a.drop:hover{background:#fff; color:#202c32;}
#navigation ul ul :hover > a.drop {background:#fff; color:#202c32;}
/* style the third level background */
#navigation ul ul ul a.drop, #navigation ul ul ul a.drop:visited {background:#2d3d47;}
/* style the third level hover */
#navigation ul ul ul a.drop:hover {background:#fff; color:#202c32;}
#navigation ul ul ul :hover > a.drop {background:#fff; color:#202c32;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {visibility:hidden;position:absolute;top:-10px;left:70px;  padding:4px; background:#2d3d47; height:auto; width:70px; border-left:1px solid #999;}
/* another hack for IE5.5 */
* html #navigation ul ul {top:-9px;t\op:-10px;}

/* position the third level flyout menu */
#navigation ul ul ul{left:70px; top:-1px; width:70px;}

/* position the third level flyout menu for a left flyout */
#navigation ul ul ul.left {left:-70px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#navigation table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#navigation ul ul a, #navigation ul ul a:visited {background:#2d3d47; color:#fff; height:auto; line-height:14px; text-indent:0px; display:block; padding:5px; text-decoration:none; font-size:11px;}
/* yet another hack for IE5.5 */
* html #navigation ul ul a, * html #navigation ul ul a:visited {width:70px;w\idth:70px;}

/* style the top level hover */
#navigation :hover > a, #navigation ul ul :hover > a {background:url(images_files/navigati_2.png) top left;}

/* top level image background placements */
#navigation a.link1:hover {background-position:-70px 0px;}
#navigation a.link2 {background-position:0px -47px;}
/* DO NOT consolodate next 2 lines into one, this breaks IE6 */
#navigation a.link2:hover {background-position:-70px -47px;}
#navigation :hover > a.link2, #navigation ul ul :hover > a.link2  {background-position:-70px -47px;}
#navigation :hover > a.link2, #navigation ul ul :hover > a.link2, #navigation ul ul ul :hover > a.link2  {background-position:-70px -47px;}
#navigation a.link3 {background-position:0px -94px;}
#navigation a.link3:hover{background-position:-70px -94px;}
#navigation :hover > a.link3, #navigation ul ul :hover > a.link3  {background-position:-70px -94px;}
#navigation a.link4 {background-position:0px -141px;}
#navigation a.link4:hover {background-position:-70px -141px;}
#navigation :hover > a.link4, #navigation ul ul :hover > a.link4  {background-position:-70px -141px;}
#navigation a.link5 {background-position:0px -188px;}
#navigation a.link5:hover {background-position:-70px -188px;}
#navigation :hover > a.link5, #navigation ul ul :hover > a.link5  {background-position:-70px -188px;}
#navigation :hover > a.link5, #navigation ul ul :hover > a.link5, #navigation ul ul ul :hover > a.link5  {background-position:-70px -188px;}
#navigation a.link6 {background-position:0px -235px;}
#navigation a.link6:hover {background-position:-70px -235px;}
#navigation a.link7 {background-position:0px -282px;}
#navigation a.link7:hover {background-position:-70px -282px;}
#navigation :hover > a.link7, #navigation ul ul :hover > a.link7  {background-position:-70px -282px;}
#navigation a.link8 {background-position:0px -329px;}
#navigation a.link8:hover {background-position:-70px -329px;}

#navigation ul ul a:hover {background:#fff; color:#202c32;}
/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#navigation ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#navigation ul :hover ul :hover ul{ visibility:visible;}
</style>
</head>
<body>

<div id="navigation">
    <ul>

        <li><a href="getprofessorcourse.action" class="link1">Course</a></li>
        <li><a href="showgroups.action" class="drop link2">Groups<!--[if IE 7]><!--></a><!--<![endif]-->
            <!--[if lte IE 6]><table><tr><td><![endif]-->
            
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
        <li><a href="getIssuedBooks_professor.action" class="drop link3">Library<!--[if IE 7]><!--></a><!--<![endif]-->
            <!--[if lte IE 6]><table><tr><td><![endif]-->
           
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
        
        <li><a href="getProfessorFinance.action" class="drop link4">Financial<!--[if IE 7]><!--></a><!--<![endif]-->

            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
        <li><a href="#" class="drop link5">Time Table</a>
			<ul>
                <li><a href="#">Course Time Table</a></li>
				<li><a href="#">Exam Time Table</a></li> 
            </ul>
        </li>
        <!-- <li><a href="getHostelDetails_student.action" class="link6">Hostel</a></li> -->
        <li><a href="inbox_staff.action" class="link6">Message</a></li>
        <li><a href="events_professor_menu.action" class="drop link7">Events</a></li> 
    </ul>
</div>


<!-- 
	<div id="navigation">
		<ul class="top-level">
		<li><a href="events_professor_menu.action">Events</a>
		<li><a href="inbox.action">Messages</a></li>
		<li><a href="getprofessorcourse.action">Course</a></li>
		<li><a href="#">Time Table</a>
				<ul class="sub-level">
				<li><a href="#">Course Time Table</a></li>
				<li><a href="#">Exam Time Table</a></li>
				</ul>
		</li>
			<li><a href="getProfessorFinance.action"> Financials</a></li>
			<li><a href="getIssuedBooks_professor.action"> Library</a></li>
		</ul>
	</div>
	
 -->
</body>
</html>